import { SVG, Path } from '@wordpress/components';

type GithubIconProps = {
	width?: number | string;
	height?: number | string;
	style?: React.CSSProperties;
	className?: string;
};

export default function GithubIcon( {
	width = 18,
	height = 18,
	style,
	className,
}: GithubIconProps ) {
	return (
		<SVG
			width={ width }
			height={ height }
			viewBox="0 0 18 18"
			style={ style }
			className={ className }
			aria-hidden="true"
			focusable="false"
		>
			<Path d="M8.97318 0C4.01124 0 0 4.04082 0 9.03986C0 13.0359 2.57014 16.4184 6.13561 17.6156C6.58139 17.7056 6.74468 17.4211 6.74468 17.1818C6.74468 16.9722 6.72998 16.2538 6.72998 15.5054C4.23386 16.0443 3.71406 14.4278 3.71406 14.4278C3.31292 13.3801 2.71855 13.1108 2.71855 13.1108C1.90157 12.557 2.77806 12.557 2.77806 12.557C3.68431 12.6169 4.15984 13.4849 4.15984 13.4849C4.96194 14.8617 6.25445 14.4728 6.77443 14.2333C6.84863 13.6495 7.08649 13.2454 7.33905 13.021C5.34821 12.8115 3.25359 12.0332 3.25359 8.56084C3.25359 7.57305 3.60992 6.76487 4.17453 6.13634C4.08545 5.9119 3.77339 4.98379 4.26379 3.74161C4.26379 3.74161 5.02145 3.5021 6.72979 4.66953C7.4612 4.47166 8.21548 4.37099 8.97318 4.37014C9.7308 4.37014 10.5032 4.47502 11.2164 4.66953C12.9249 3.5021 13.6826 3.74161 13.6826 3.74161C14.173 4.98379 13.8608 5.9119 13.7716 6.13634C14.3511 6.76487 14.6927 7.57305 14.6927 8.56084C14.6927 12.0332 12.5982 12.7964 10.5924 13.021C10.9194 13.3053 11.2015 13.844 11.2015 14.6972C11.2015 15.9094 11.1868 16.8824 11.1868 17.1816C11.1868 17.4211 11.3503 17.7056 11.7959 17.6158C15.3614 16.4182 17.9315 13.0359 17.9315 9.03986C17.9462 4.04082 13.9203 0 8.97318 0Z" />
		</SVG>
	);
}
